<!DOCTYPE HTML>
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js eq-ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8"/>
    <link rel="stylesheet" href="css/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Muli:400,300italic,300,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/modernizr.js"></script>
    <title>StangaOne</title>
</head>
<body>
    <div class="bgBodyTop">&nbsp;</div>
    <div id="wrapper">
        <header>
            <a href="#" class="logo"></a>
            <nav>
                <a href="#">home</a>
                <a href="#">about</a>
                <a href="#">providers</a>
                <a href="#">client</a>
                <a href="#">contact</a>
                <a href="#">sign in</a>
            </nav>
            <a href="#" class="joinButton">join</a>
        </header>
        <section>
            <div class="social">
                <a href="javascript:;" class="google"></a>
                <a href="javascript:;" class="pinterest"></a>
                <a href="javascript:;" class="facebook"></a>
                <a href="javascript:;" class="twitter noMarginRight"></a>
            </div>
            <div class="banners">
                <img src="img/banner01.png" alt="Banner01" />
                <img src="img/banner02.png" alt="Banner02" />
                <div class="ribbon">
                    <h1>Have a Look</h1>
                    <div class="links">
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#" class="noMarginRight"></a>
                    </div>
                </div>
                <div class="blueBox">
                    <div class="blueBoxCorner">
                        <a href="#"></a>
                    </div>
                    <h1>What is Majestic</h1>
                    <p>
                        Nullam quis ultrices massa. Maecenas ornare enim sit amet ipsum lobortis eget convallis dolor interdum. Donec blandit fringilla est. Praesent lacus nibh, elementum ac varius sit amet, mattis a tortor.
                    </P>
                    <a href="#">See more ></a>
                </div>
            </div>
            <div class="cta">
                <article>
                    <h1>Latuis Congue Estaer</h1>
                    <img src="img/cta_img01.png" alt="" />
                    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue blandit diam sed ullamcorper. Morbi vitae metus a purus rhoncus egestas ac sit</p>
                    <a href="#">More</a>
                    <span class="articleBottomBox"></span>
                </article>
                <article>
                    <h1>Natoque Penatist</h1>
                    <img src="img/cta_img02.png" alt=""/>
                    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue blandit diam sed ullamcorper. Morbi vitae metus a purus rhoncus egestas ac sit</p>
                    <a href="#">More</a>
                    <span class="articleBottomBox"></span>
                </article>
                <article class="noMarginRight">
                    <h1>Montest Egesteas Mue</h1>
                    <img src="img/cta_img03.png" alt=""/>
                    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur congue blandit diam sed ullamcorper. Morbi vitae metus a purus rhoncus egestas ac sit</p>
                    <a href="#">More</a>
                    <span class="articleBottomBox"></span>
                </article>
            </div>
            <div class="featured">
                <div class="featuresTop">
                    <h1>Our Featured Professionals</h1>
                    <a href="#" class="linkRight">Penantis Morbi Diam</a>
                </div>
                <div class="articleConteiner ">
                    <a href="#" class="leftArrow"></a>
                    <article>
                        <div class="imagesLinks">
                            <img src="img/featured_img01.png" alt=""/>
                            <a href="#" class="croshair"></a>
                        </div>
                        <h1>Phillip Ward</h1>
                        <p>
                            Adco Architecture<br/>
                            Architect
                        </p>
                        <a href="#" class="articlesLinks">See Profile</a>
                    </article>
                    <article>
                        <div class="imagesLinks">
                            <img src="img/featured_img02.png" alt=""/>
                            <a href="#" class="croshair"></a>
                        </div>
                        <h1>Julie Crazner</h1>
                        <p>
                            Crazner Studios<br/>
                            Interior Design
                        </p>
                        <a href="#" class="articlesLinks">See Profile</a>
                    </article>
                    <article>
                        <div class="imagesLinks">
                            <img src="img/featured_img03.png" alt=""/>
                            <a href="#" class="croshair"></a>
                        </div>
                        <h1>Susan Poe</h1>
                        <p>
                            Poe Media LLC<br/>
                            Interior Design
                        </p>
                        <a href="#" class="articlesLinks">See Profile</a>
                    </article>
                    <article class="noMarginRight">
                        <div class="imagesLinks">
                            <img src="img/featured_img04.png" alt=""/>
                            <a href="#" class="croshair"></a>
                        </div>
                        <h1>Becky Milan</h1>
                        <p>
                            Milan Media LLC<br/>
                            Interior Design
                        </p>
                        <a href="#" class="articlesLinks">See Profile</a>
                    </article>
                    <a href="#" class="rightArrow"></a>
                </div>
            </div>
            <div class="designers">
                <span class="designersSpan beginCircleLeftH1"></span>
                <span class="designersSpan beginCircleRightH1"></span>
                <span class="designersSpan beginCircleLeftDiv"></span>
                <span class="designersSpan beginCircleRightDiv"></span>
                <span class="designersSpan beginCircleLeftP"></span>
                <span class="designersSpan beginCircleRightP"></span>
                <span class="designersSpan beginCircBottomleLeftDiv"></span>
                <span class="designersSpan beginCircBottomleRightDiv"></span>
                <div class="designersHeading">
                    <h1>Magnust Blandit</h1>
                    <h1>Diam Curabiti</h1>
                    <h1>Montes Sed Plur</h1>
                </div>
                <div class="designersArticles">
                    <article>
                        <img src="img/designers-img01.png" alt=""/>
                        <div>
                            <h1>Some Title Here</h1>
                            <span>penatibus et magnis dis parturient montes, Et altuc nascetur ridiculus mus. Curabitur congue blandit diam sed ullamcorper.</span>
                            <a href="#">see more ></a>
                        </div>
                    </article>
                    <article>
                        <img src="img/designers-img02.png" alt=""/>
                        <div>
                            <h1>Some Title Here</h1>
                            <span>penatibus et magnis dis parturient montes, Ent nascetur ridiculus mus. Curabitur congue blandit diam sed ullamcorper.</span>
                            <a href="#">see more ></a>
                        </div>
                    </article>
                    <article>
                        <img src="img/designers-img03.png" alt=""/>
                        <div>
                            <h1>Some Title Here</h1>
                            <span>penatibus et magnis dis parturient montes, Ent nascetur ridiculus mus. Curabitur congue blandit diam sed ullamcorper.</span>
                            <a href="#">see more ></a>
                        </div>
                    </article>
                </div>
            </div>
            <span class="sectionFirstBottom"></span>
            <span class="sectionSeccondBottom"></span>
        </section>
        <footer>
            <p>
                <span class="fotterLeft">© All Rights Reserved PSD Style 2012</span>
                <span class="fotterRight">Design by Some Company Name</span>
            </p>
        </footer>
    </div>
</body>
</html>